<template>
  <div id="app">
    <img src="./components/img/head.jpg" style="height: 100px;width: 100%;">
    <!--  <scroll  class="scroll"  ref="demo">
          <img src="./components/img/head.jpg" style="height: 100px;width: 100%;">
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div style="height: 200px;background-color: black;width: 200px"></div>
          <div style="height: 200px;background-color: red;width: 200px"></div>
          <div >123</div>
         <div >23423</div>
      </scroll>-->
    <router-view></router-view>
    <footer-menu></footer-menu>
  </div>



</template>

<script>
  import footerMenu from './components/menu/Menu.vue'
  import Scroll from './components/scroll/Scroll.vue'
  import BScroll from 'better-scroll'
  export default {
    name: 'app',
    created () {
      this.$nextTick(() => {
        console.log(this.$refs.demo)
        this.scroll = new BScroll(this.$refs.demo, {})
      })
    },
    components: {
      footerMenu,
      Scroll
    }
  }
</script>
<style>
  /*.scroll{
    margin-bottom: 80px;
    overflow: hidden
  }*/
</style>


